하트위키:문법 도움말(비교)

 r7 vs r8
 ...
 === 텍스트 형태 ===
 {{{#!wiki style="word-break: keep-all"
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=30%> 입력 ||<width=25%> 출력 ||<width=45%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><width=30%> 입력 ||<width=25%> 출력 ||<width=45%> 비고 ||
 || {{{'''굵게'''}}} || '''굵게 ''' ||{{{#!wiki style="min-width: 300px"
 작은따옴표(')를 세 번 입력한 상태입니다.}}}||
 || {{{''기울임''}}} || ''기울임'' ||작은따옴표(')를 두 번 입력한 상태입니다.||
 ...
 현재 [[liberty]] 스킨의 기본 텍스트 크기는 14.25px[* 1rem인 16px의 0.95em]입니다. 크기 조절 문법을 사용하면 글자 크기에 대한 상대 단위인 em을 사용하는 방식으로 작동합니다. 참고로 rem은 [[HTML]] 기본 font-size의 값을 1rem으로 한 것입니다.
 '\{{{'를 입력했으면 '\}}}'로 닫아야 정상적으로 출력됩니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 || 적용 크기 || 입력 || 출력 || 적용 크기 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 입력 || 출력 || 적용 크기 || 입력 || 출력 || 적용 크기 ||
 || {{{기본}}} || 기본 ||1.00000em || {{{기본}}} || 기본 ||1.00000em ||
 || {{{{{{+1 +1단계}}}}}} || {{{+1 +1단계}}} ||1.28889em || {{{{{{-1 -1단계}}}}}} || {{{-1 -1단계}}} ||0.92589em ||
 || {{{{{{+2 +2단계}}}}}} || {{{+2 +2단계}}} ||1.38889em || {{{{{{-2 -2단계}}}}}} || {{{-2 -2단계}}} ||0.83333em ||
 || {{{{{{+3 +3단계}}}}}} || {{{+3 +3단계}}} ||1.48144em || {{{{{{-3 -3단계}}}}}} || {{{-3 -3단계}}} ||0.74067em ||
 || {{{{{{+4 +4단계}}}}}} || {{{+4 +4단계}}} ||1.57400em || {{{{{{-4 -4단계}}}}}} || {{{-4 -4단계}}} ||0.64811em ||
 || {{{{{{+5 +5단계}}}}}} || {{{+5 +5단계}}} ||1.66667em || {{{{{{-5 -5단계}}}}}} || {{{-5 -5단계}}} ||0.62222em ||
-||<-6><bgcolor=#00a495><color=#fff> 응용 ||
+||<-6><bgcolor=#FC457A><color=#fff> 응용 ||
 ||<-3> {{{{{{+5 {{{+5 +5+5단계}}}}}}}}} ||<-3> {{{+5 {{{+5 +5+5단계}}}}}} ||}}}
 === 텍스트 색상[anchor(textcolor)] ===
 ...
 색상코드표는 [[헥스 코드]] 문서 또는 [[https://html-color-codes.info/Korean|HTML 컬러 코드]] 또는 [[https://google.com/search?q=color+chooser|이곳]]을 참고하세요.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
 ||<|7> 기본 예시 || {{{#!wiki style="min-width: 280px"
 {{{{{{#ff0000 텍스트}}}}}}}}} ||<|3> {{{#f00 텍스트}}} ||<|7>{{{#!wiki style="min-width: 200px"
 헥스 코드와 CSS 색상명 모두 대소문자 구별없이 입력 가능합니다.[br][br]예시와 같이 일부 색상의 경우 세 자리만 입력하는 축약형 헥스코드[* 'Red', 'Green', 'Blue'의 강도를 256단계 대신 16단계로만 표현한 방식입니다. 0일때 가장 어둡고 F(=15,,10,,)일 때 가장 밝습니다.]를 사용할 수도 있습니다.[br][br]투명도 요소가 추가된 #transparent, #RRGGBBAA 색상은 지원하지 않습니다.}}}||
 ...
 || {{{{{{#880088 text}}}}}} ||<|3> {{{#808 text}}} ||
 || {{{{{{#808 text}}}}}} ||
 || {{{{{{#purple text}}}}}} ||
-|| {{{{{{#00a495 하트위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#00a495 하트위키색}}} ||
+|| {{{{{{#FC457A 하트위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#FC457A 하트위키색}}} ||
 ||<|2> [[다크 테마]]용 색상[br]별도 지정 || {{{{{{#888,#ff0 다크텍스트}}}}}} ||<|2> {{{#888,#ff0 다크텍스트}}} ||<|2>첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다. 확인을 위해 다크 테마와 라이트 테마를 전환해보세요.[br][br]두 색상코드 끼리는 쉼표를 사이에 두고 붙여써야만 합니다. 쉼표 뒤에 공백을 넣을 경우 정상 출력이 되지 않습니다.[br][br]색상 문법이 적용되지 않은 일반 텍스트는 라이트 모드에서 {{{#212529}}}(검은색), 다크 모드에서 {{{#e0e0e0}}}(옅은 회색) 색상이 자동으로 적용됩니다. ||
 || {{{{{{#gray,#yellow 다크텍스트}}}}}} ||
 ||<|2> 밑줄 서식과 중첩 || {{{{{{#red __밑줄 포함__}}}}}} || {{{#red __밑줄 포함__}}} ||<|2>색상 문법과 밑줄 문법의 순서에 따라 밑줄에 색상 지정 여부가 다릅니다. ||
 ...
 {{{#!wiki style="word-break: keep-all"
 문서 내에 다른 문서나 외부 사이트로 가는 [[하이퍼링크]]를 텍스트나 이미지 파일로 출력할 수 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
 || 기본 || {{{[[문서]]}}} || [[문서]] ||문서명에 대괄호({{{[]}}})나 백슬래시({{{\}}}), 수직선({{{|}}})글자가 들어갈 경우 해당 글자마다 앞에 백슬래시({{{\}}})를 입력해야 링크가 정상적으로 생성됩니다. ||
 || 링크 문서와 출력을 다르게 || {{{[[문서|출력글자]]}}} ||<width=70> [[문서|출력글자]] ||수직선 입력 방법은 [[\|]] 문서를 참고하십시오.[br][br]PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 [[하트위키|이동하게 될 문서명을 미리 확인할 수 있습니다]]. 일부 브라우저에서는 지원이 안 될 수 있습니다.[br][br]출력글자 부분에 뭔가를 입력하고 문서 부분에 아무것도 입력하지 않으면 기존 문서로 링크되고, 출력글자는 볼드 처리가 됩니다. ||
 || 링크 텍스트에 색상 적용 || {{{[[문서|{{{#ff85b1 문서}}}]]}}} || [[문서|{{{#ff85b1 문서}}}]] ||색상뿐 아니라 {{{[[문서|{{{+1 문서}}}]]}}} 등 글자 크기도 적용할 수 있습니다. ||
 ...
 == 리다이렉트 ==
 [[리다이렉트]] 문서는 특정 검색어 검색 시 목적지 문서로 즉시 넘겨주는 문서입니다. 리다이렉트 문서의 생성법은 [[하트위키:편집 도움말#s-2|일반 문서 생성 방법]]과 동일하며, 아래 입력 내용만을 적어야 합니다. 이외의 어떤 내용도 추가로 적어서는 안됩니다.[* 추가로 적은 내용들은 모두 '''삭제됩니다'''.]
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 ||
 ||<|2> 기본 || {{{#redirect 목적지 문서}}} ||<|2>목적지 문서의 표제어 맨 뒤를 제외한 위치에 해시(#)가 들어갈 경우 해시 앞에 \\를 입력해야 정상적으로 작동됩니다.||
 || {{{#넘겨주기 목적지 문서}}}[* 자동으로 redirect로 수정됩니다.] ||
 ||<|2> 특정 문단으로 리다이렉트 || {{{#redirect 목적지 문서#s-문단 번호}}} ||<|2>목적지 문서에 해당 앵커나 문단이 없을 경우 문서 최상단으로 리다이렉트됩니다.||
 ...
 {{{#!wiki style="word-break: keep-all"
 이미지 파일을 삽입하는 기본 문법은 아래와 같습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><-2><width=10%> 유형 || 입력 || 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><-2><width=10%> 유형 || 입력 || 비고 ||
 ||<-2> 기본 || {{{[[파일:example.png]]}}}[* 앞 또는 뒤에 공백을 넣은 {{{[[ 파일:example.png]]}}}, {{{[[파일:example.png ]]}}} 형식으로도 작동은 하지만 '''권장하지 않습니다.'''] ||이미지를 문서에 직접 출력하지 않고 '''텍스트 하이퍼링크'''로 하고자 하는 경우, 맨 앞에 쌍점(:)을 붙여 {{{[[:파일:example.png]]}}}와 같이 작성합니다. ||
 ||<|2> 매개변수 포함 || 단일 || {{{[[파일:example.png|매개변수]]}}} ||{{{[[파일:example.png|width=숫자]]}}}와 같이 사용합니다.||
 || 중첩 || {{{[[파일:example.png|매개변수1&매개변수2&...]]}}} ||{{{[[파일:example.png|width=숫자&align=위치]]}}}와 같이 매개변수 사이에 앰퍼샌드(&) 구분자를 넣어 사용합니다.||}}}
 매개변수의 종류와 사용법은 아래와 같습니다.
 {{{#!wiki style="word-break: keep-all"
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
 ||<|2> 픽셀 지정 || 너비 || {{{width=숫자}}} ||<|2>문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다.[br][br]이미지의 크기를 높이(height) 변경으로 지정하는 것은 권장되지 않습니다. 되도록이면 너비(width) 변경으로 지정해 주세요.[br][br]{{{width}}} 변수와 {{{height}}} 변수를 동시에 사용하면 이미지 비율이 달라질 수 있는데 아래 {{{object-fit}}} 매개변수를 사용하면 원본 비율을 유지할 수 있습니다.||
 || 높이 || {{{height=숫자}}} ||
 ||<|2> 비율 지정 || 너비 || {{{width=숫자%}}} ||<|2>사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다.[br][br]{{{#red '''주의'''}}}: {{{width=숫자%}}}만 삽입하는 경우에는 [[반응형 웹|사용자가 보고 있는 화면 폭에 대한 비율로 이미지가 출력되므로]] 임의의 사용자가 보기 좋은 적정 너비 선정이 어렵습니다. 표에 넣지 않고 단독으로 이미지 너비 지정을 할 경우 가능한 한 절대 수치를 이용해주세요.[br][br]표에 이미지를 추가하려는 경우에는 테이블 절대폭 문법[* [[#테이블의 크기와 색상|테이블의 크기와 색상]] 문단 참고.]과 함께 이미지 상대폭 문법을 사용하면 __설정한 테이블 절대폭에 대한__ 이미지 상대폭이 지정되므로 결과적으로 이미지 너비를 고정하는 효과를 얻을 수 있습니다.||
 ...
 {{{#!wiki style="word-break: keep-all"
  * '''관련 심화 문법''': [[하트위키:문법 도움말/심화#동영상 심화|매크로를 지원하지 않는 플랫폼의 동영상 삽입]]
 매크로를 이용하여 외부 사이트의 동영상을 첨부할 수 있습니다. 기본적으로 {{{[코드(아이디)]}}} 형식으로 입력합니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=70> 플랫폼 || 입력 || 주소 내 아이디 위치 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><width=70> 플랫폼 || 입력 || 주소 내 아이디 위치 ||
 || [[유튜브]] || {{{[youtube(jNQXAC9IVRw)]}}} ||https://www.youtube.com/watch?v={{{#red '''jNQXAC9IVRw'''}}}[br]https://youtu.be/{{{#red '''jNQXAC9IVRw'''}}}||
 || [[Vimeo]] || {{{[vimeo(584524359)]}}} ||https://vimeo.com/{{{#red '''584524359'''}}} ||
 ||<-3> 회색배경은 기타 문법 틀을 이용하여 삽입하므로, 다른 틀에 적용(include)시킬 수 없습니다. ||
 매개변수를 이용해 동영상 속성을 지정할 수 있습니다. 입력 틀은 아래와 같습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 예시 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 유형 || 입력 || 예시 ||
 || 단일 매개변수 || {{{[코드(아이디, 매개변수)]}}} ||{{{[youtube(jNQXAC9IVRw, start=8)]}}}||
 || 매개변수 중첩 || {{{[코드(아이디, 매개변수1, 매개변수2,...)]}}} ||{{{[youtube(jNQXAC9IVRw, width=640, height=360)]}}}||
 매개 변수의 종류는 다음과 같습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 매개변수 || 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 유형 || 매개변수 || 비고 ||
 || 너비 픽셀 지정 || {{{width=숫자}}} || ||
 || 높이 픽셀 지정 || {{{height=숫자}}} || ||
 || 너비 비율 지정 || {{{width=숫자%}}} || 높이(height)는 비율을 지정할 수 없습니다. ||
 || 시작 시간 지정 || {{{start=초}}} ||<|2> YouTube 동영상에만 적용할 수 있습니다. ||
 || 종료 시간 지정 || {{{end=초}}}[* 해당 초에 영상이 종료되므로 해당 초까지 영상이 재생되게 하고 싶다면 1초를 더한 값을 넣으셔야 합니다. 예를 들어 내가 원하는 부분이 25.3초에서 끝난다고 하면 [[올림|'end=26'을 넣어야]] 합니다.] ||
 동영상은 텍스트처럼 왼쪽 정렬이 기본값입니다. 동영상의 위치 정렬 방법은 다음과 같습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 정렬 유형 || 입력 || 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 정렬 유형 || 입력 || 비고 ||
 ||<|2> 테이블 사용 ||{{{||<table align=center><nopad>[youtube(jNQXAC9IVRw)]||}}} ||<|2>테이블 안에 동영상을 넣고 테이블을 정렬한 형태입니다.[br]<tablebordercolor=색깔>을 이용해 테두리 색도 지정할 수 있습니다. ||
 ||{{{||<table align=right><nopad>[youtube(jNQXAC9IVRw)]||}}} ||
 || 틀 사용 || 중앙: {{{[include(틀:영상 정렬, url=jNQXAC9IVRw)]}}}[br]우측: {{{[include(틀:영상 정렬, r=, url=jNQXAC9IVRw)]}}} ||[[틀:영상 정렬]] 문서 참고. (유튜브 동영상만 지원)[br]여백 없이 동영상을 중앙 또는 우측에 정렬합니다.[br]이 틀은 매개변수 입력으로[br]캡션(설명글), 테두리색, 배경색 지정도 가능합니다. ||}}}[각주]
 == 문단 ==
 문단을 생성할 수 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=60> 유형 || 기본 문단 || 접힌 문단 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><width=60> 유형 || 기본 문단 || 접힌 문단 ||
 || 1단계 || {{{= 문단 1 =}}} || {{{=# 문단 1 #=}}} ||
 || 2단계 || {{{== 문단 2 ==}}} || {{{==# 문단 2 #==}}} ||
 || 3단계 || {{{=== 문단 3 ===}}} || {{{===# 문단 3 #===}}} ||
 ...
 === 기본 형식 ===
 리스트를 추가할 수 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 입력 || 출력 ||
 ||{{{#!wiki style="font-family: monospace"
 {{{#red ○}}}* 리스트 1
 {{{#red ○○}}}* 리스트 1.1
 ...
  {{{+1 '''일반 줄글로 리스트 형식과 비슷하게 쓰기'''}}}
 리스트 특유의 들여쓰기, 행 높이 설정 등을 쓰고 싶지 않은 경우 리스트 앞의 원형 점 역할을 아래 특수 문자를 대용으로 쓸 수 있습니다. 한국어 윈도우 환경에서 쉽게 넣을 수 있는 자음 + 한자로 입력하는 특문들은 이런 용도로 쓰기에는 너무 작거나(·, Middle Dot, ㄱ열 18번), 너무 커서(●, Black Circle, ㅁ열 11번) 기피됩니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 특문 || 설명 || 예시 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 특문 || 설명 || 예시 ||
 || • ||U+2022: BULLET (HTML &#8226;) ||<|6>{{{#!wiki style="margin: -15px -10px"
 ||• BU[br]• BU[br]• BU ||‣ TB[br]‣ TB[br]‣ TB ||⁃ HB[br]⁃ HB[br]⁃ HB ||
 ||▪ BSS[br]▪ BSS[br]▪ BSS ||◘ IB[br]◘ IB[br]◘ IB ||◦ WB[br]◦ WB[br]◦ WB ||}}}
 ...
 === 번호 있는 리스트 ===
 번호 있는 리스트를 표기할 때, {{{1.}}}, {{{2.}}}, {{{3.}}}, ...의 방식으로 표기하는 것이 아니라, 모든 리스트를 {{{1.}}}로 표기합니다. 번호 있는 리스트와 번호 없는 리스트는 혼합해서 사용할 수 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>유형
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><:>유형
 ||<:>입력
 ||<:>출력
 ||
 ...
   I. 리스트 2.1}}}
 ||
 리스트의 시작하는 숫자를 바꾸고자 할 경우, 리스트 식별자 뒤에 {{{#시작숫자}}}를 붙입니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>입력
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><:>입력
 ||<:>출력
 ||
 ||{{{#!wiki style="font-family: monospace"
 ...
 === 리스트와 줄바꿈 ===
 줄바꿈(개행)을 통해 한 줄 이상을 비우면 앞의 리스트는 종료되고 뒤의 리스트를 새로 시작하는 것으로 간주합니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>입력
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><:>입력
 ||<:>출력
 ||
 ||{{{#!wiki style="font-family: monospace"
 ...
 같은 리스트 내에서의 줄바꿈은 {{{[br]}}} 매크로나 엔터키로 할 수 있습니다. 매크로를 이용하지 않고 개행할 경우, 리스트 앞 공백 개수만큼 개행된 텍스트 앞을 띄어쓰기를 해야 합니다. 리스트가 복잡한 경우 매크로를 사용할 것이 권장됩니다.
 아래 잘못된 방식처럼 띄어쓰기를 쓰지 않으면 리스트와 별개의 새로운 문단으로 인식하므로 행간 여백, 앞여백등이 크게 달라집니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><colbgcolor=#00a495><colcolor=#fff>
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><colbgcolor=#FC457A><colcolor=#fff>
 ||<:>입력
 ||<:>출력
 ||
 ...
 띄어쓰지 않으면}}}
  * 리스트가 이어지지 않음}}}||
 리스트를 유지하면서 개행을 넣고자 한다면, 개행줄에 깊이에 맞는 띄어쓰기가 있어야 연속적인 리스트로 인식합니다. 띄어쓰지 않으면 모두 개별 리스트로 인식해서 행간의 너비 차이가 생기며 일련번호도 적용되지 않습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>입력
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><:>입력
 ||<:>출력
 ||
 ||{{{#!wiki style="font-family: monospace"
 ...
 == 각주 ==
 [[각주]]를 생성할 수 있습니다. 입력한 각주는 문서 맨 아래나 각주 매크로({{{[각주]}}})가 삽입된 위치에 출력되며, 본문의 각주 번호({{{#!wiki style="display: inline; color: #0275d8; color: var(--espejo-link-color); text-decoration: none; font-size: .8em; vertical-align: super"
 [1]}}})를 클릭할 경우 해당 각주 번호의 각주 위치(앵커)로 이동합니다. 다시 해당 각주의 각주 번호를 클릭할 경우 본문의 각주 번호가 있는 위치로 이동합니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=10%> 유형 ||<width=25%> 입력{{{-2 ({{{#red {{{○}}}}}}: 공백)}}} ||<width=10%> 출력 ||<width=55%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><width=10%> 유형 ||<width=25%> 입력{{{-2 ({{{#red {{{○}}}}}}: 공백)}}} ||<width=10%> 출력 ||<width=55%> 비고 ||
 || 기본 || {{{#!wiki style="font-family: monospace"
 \[*{{{#red ○}}}텍스트 1]}}} || [* 텍스트 1] ||각주 이름을 따로 지정하지 않으면 기본으로 일련의 숫자가 각주 번호로 지정됩니다.[br][br][[각주 안의 각주]]는 {{{#red '''금지'''}}}되어 있습니다. 관련 규정은 [[하트위키:편집지침/일반 문서#s-2|일반 문서 편집지침 2문단]]을 참고하십시오. 참고로 각주 안에 각주를 넣게 되면 실제로 문서를 열람할 때 각주를 표시하게 해도 '''정상적으로 표시되지 않고''', 대신 각주 목록 중 해당 각주가 있는 곳으로 이동합니다.[br][br]'''틀''' 내부에 각주를 넣으면 틀 각주 앵커와 틀이 삽입된 문서의 각주 앵커가 같을 경우 문서 내에서 어느 한 쪽은 '''정상적인 위치로 이동하지 않으므로''' 가급적 틀 안에서는 각주를 삼가고 대신 텍스트 크기를 줄여 설명을 붙이십시오. ||
 ||<|2> 각주 이름 설정 || {{{#!wiki style="font-family: monospace"
 ...
 {{{#!wiki style="word-break: keep-all"
  * '''관련 심화 문법''': [[하트위키:문법 도움말/심화#인용문의 정렬|인용문 정렬]], [[하트위키:문법 도움말/심화#표 안의 인용문|표 안에 인용문 넣기]]
 인용문을 입력할 수 있습니다. 단, [[하트위키:편집지침/일반 문서#인용문|편집지침]]에 의하여 원문 인용 목적으로만 인용문을 사용할 수 있으며, [[#s-2|텍스트 형태]]를 바꾸는 것은 '''굵기, 취소선, 밑줄, 기울임, 위/아래첨자, 크기 변경'''만 가능하고 이외의 꾸미기 작업은 '''금지'''되어 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 ||<width=30%> 출력 ||<width=35%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 유형 || 입력 ||<width=30%> 출력 ||<width=35%> 비고 ||
 ||<|2> 기본 ||{{{>인용문}}}||<|2><width=150px>
 >{{{#!wiki style="margin: 1em calc(1em + 25px) 1em 1em"
 인용문}}}||<|2>문법 사용 시 [[부등호]](>)를 입력합니다.||
 ...
 하트위키에서 지원하는 [[매크로]]를 사용하여 여러가지 기능을 구현할 수 있습니다. 매크로는 라틴 문자 소문자와 대문자를 가리지 않습니다. 예를 들어, {{{[date]}}}, {{{[Date]}}}, {{{[DATE]}}} 중 어느 것을 쓰든 모두 같은 출력이 나옵니다. 각 매크로에 대한 설명은 다음을 참고하여 주십시오.
 === [anchor(include)]틀·문서 삽입 ===
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=70%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 사용법 || 용도 ||<width=70%> 비고 ||
 || {{{[include(문서명)]}}} || 문서 출력 ||일반 문서 삽입도 가능은 하지만, 보통은 [[틀#s-2]]을 삽입하기 위해 사용하며 {{{[include(틀:틀 이름)]}}}과 같이 입력합니다. [[하트위키:분류|분류 문서]]는 include 매크로로 출력할 수 없습니다.[br][br]include 매크로를 중첩하여 '틀 속의 틀'을 구현하는 것은 불가능합니다. 예를 들어, [[틀:위키 용어]] 문서에서 토론이 열렸다고 해서 [[틀:토론 중]]을 달면 [[틀:위키 용어]]를 include한 일반 문서에서는 [[틀:토론 중]]이 보이지 않습니다.[* 이 때문에 틀 편집에 관해 토론 중일 때는 틀 하단에 작은 글씨로 토론 중임을 직접 적는 것이 보통입니다.] 반대로, 이 점을 이용하여 '틀에 대한 설명 문서' 등을 만들 수 있습니다. [[틀:문서 가져옴/설명 문서]]에 적힌 틀 사용법은 [[틀:문서 가져옴]] 문서에 직접 들어가야 볼 수 있고, 가져옴 틀이 달린 일반 문서에서는 보이지 않게 한 것이 대표적인 예시입니다.[br][br]매개변수가 있는 틀에서 매개변수의 값을 입력할 때, 입력하는 값에 [[쉼표]]({{{,}}})가 있을 경우 쉼표 앞에 [[백슬래시]]({{{\}}})를 붙여주어야 정상적으로 출력됩니다. 자세한 내용은 [[/심화#매개변수|문법 심화편]]을 참고하세요.[br][br]토론 댓글에서는 include 매크로를 사용할 수 없습니다.[br][br]'''{{{#red 주의}}}''': 피출력 문서에 margin 및 padding 같은 심화 문법을 적용한 이미지가 있을 경우 사진이 잘리는 버그가 있습니다.||
 === 나이·날짜·시간 출력 ===
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
 || {{{[age(YYYY-MM-DD)]}}} || 나이 출력 ||생년월일을 입력하여 [[UTC]] 기준([[KST]] 기준 9시)으로 자동 갱신되는 [[만 나이]]를 출력할 수 있습니다. 자동 갱신이 반드시 필요한 '''프로필 표의 현재 나이 표기 등은 직접 나이를 입력하지 말고 이 매크로를 사용해야 합니다.''' [[세는나이]] 서술은 프로필 표에서는 '''예외없이 금지''', 그 외의 곳에서는 예외 사항에 해당하지 않는 이상 '''금지'''되어 있습니다. ([[하트위키:편집지침/일반 문서#도량형과 단위에 관한 서술|편집지침]] 참고)[br][br]연도(YYYY)는 반드시 네 자리로, 월(MM)과 일(DD)은 1~9월, 1~9일인 경우에도 0을 채워서 반드시 2자리로 입력해야 합니다.
 연도의 값을 0100보다 작게 입력할 경우 1900이 더해진 연도로 계산됩니다.[* 0099년으로 입력 시 1999년으로 계산됩니다.] 월과 일의 값은 0보다 크고 32보다 작아야 하며, 유효한 형식의 날짜가 아닌 경우 invalid date 문구가 표시됩니다. ||
 || {{{[date]}}} 또는 {{{[datetime]}}} || 접속 시간 출력 ||[date]와 같이 출력됩니다.[br][br]위키 서술은 자동으로 갱신되지 않기 때문에 해당 매크로를 [[현재#s-2]], [[최근#s-3]], [[요새#s-2]]와 같이 '''상대적인 시점에서의 상황을 서술하기 위해 사용하지 말고''' 편집 시점에 해당하는 '''구체적인 날짜를 일반 텍스트로 작성하십시오.''' 관련 규정은 [[하트위키:편집지침/일반 문서#s-3|이곳]]을 참고하시기 바랍니다. ||
 || {{{[dday(YYYY-MM-DD)]}}} || 잔여일수 또는[br]경과일수 출력 ||[[UTC]] 기준([[KST]] 기준 9시)으로 입력 날짜로부터 남은 날, 혹은 지난 날을 출력합니다. age 매크로와 마찬가지로 연도 4자리, 월과 일 2자리를 반드시 맞추어야 정상 출력됩니다.[br][br]당일(dday)이 0으로 계산되기 때문에 "오늘부터 1일"로 취급해야 할 경우(데뷔일 등) 해당 날짜의 __전날__을 입력하여 표시할 수 있습니다.[br][br]정상적으로 출력되는 날짜의 범위는 0000-01-01부터 9999-12-31입니다. 이 값을 넘어가거나 정상적인 값이 아닐 경우 invalid date가 뜨게 됩니다.[br][br]토론 댓글에서는 '''지원하지 않습니다.''' ||
 === 목차·각주 출력 ===
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
 || {{{[목차]}}} 또는 {{{[tableofcontents]}}} || 목차 출력 ||해당 위치에 목차를 출력합니다. 주로 개요 문단위에 적습니다||
 || {{{[각주]}}} 또는 {{{[footnote]}}} || 각주 출력 ||각주를 문서 마지막에 한 번에 출력하는 대신 문서 중간에 출력하기 위해 사용하는 매크로입니다. 이 매크로가 없어도 기본적으로 각주는 맨 끝에 자동으로 출력되지만, 중간에 이 매크로를 삽입하면 이 매크로가 호출되기 전까지의 각주가 출력됩니다.[br][br][[틀:문서 가져옴]]을 삽입해야 할 경우 해당 틀 바로 앞에 이 매크로를 사용할 것이 권장됩니다. 해당 틀을 문서의 맨 밑으로 고정시키기 위함입니다. ||
 === 정렬 보조 매크로 (줄바꿈·clearfix) ===
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
 || {{{[br]}}} || 줄바꿈 ||한 줄 개행(줄바꿈)의 역할을 하는 <br> html 코드를 출력합니다. '''표 안의 텍스트에서 개행을 할 때 필수적입니다.''' Enter키로 개행하면 대개 표 문법이 훼손되어 정상 출력되지 않지만, Enter 대신 이 매크로를 사용하면 표 안에서 정상적으로 개행을 할 수 있습니다. 리스트 내에서 개행을 할 때 사용하기도 하는데 이에 관해서는 [[#리스트|본 문서 리스트 문단]]을 참고하세요. ||
 || {{{[clearfix]}}} || CSS float 속성 초기화 ||정렬된 이미지, 표, 기타 요소 옆 영역에 다른 요소가 침범하는 것을 방지할 수 있습니다. 주로 '''우측 프로필 표가 길어서 목차 아래 문단을 침범할 때 목차와 문단 사이에 해당 매크로를 넣어서 사용'''합니다. 또한 문장 맨 앞에 오는 틀과 틀 다음 내용 간의 강제 개행을 방지하는 데에도 사용할 수 있습니다. 과거 있었던 '틀:-'를 매크로로 공식 지원하는 형태입니다. ||
 ...
 === 기본 형태 ===
 테이블의 한 줄은 {{{||}}} 로 시작해 {{{||}}} 로 끝납니다. 아래의 경우, 한 줄에 두 개의 셀이 존재하는 두 줄짜리 테이블을 의미합니다. 연달아 여러 개의 테이블을 입력하고자 할 경우, 테이블 사이에 빈 줄을 하나 이상 입력합니다.
-||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
+||<rowbgcolor=#FC457A><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
 ||{{{|| 테이블 || 테이블 ||
 || 셀 || 셀 ||}}}||{{{#!wiki
 || 테이블 || 테이블 ||
 || 셀 || 셀 ||}}}||
 셀 내에서 개행하고자 할 경우, 모니위키와의 호환을 위해 셀 내에서 매크로를 사용하지 않고 개행하는 것도 지원합니다만, {{{[br]}}} 매크로를 이용해 개행하는 것을 권장합니다.
 {{{#!wiki style="word-break: keep-all"
-||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
+||<rowbgcolor=#FC457A><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
 ||{{{|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
 || 엔터 키로도
 ...
 권장하지 않습니다. ||}}}||}}}
 그러나 표 안에 리스트 또는 수평줄을 사용해야 하는 경우에 한하여 엔터 키로 개행하기도 합니다.
 {{{#!wiki style="word-break: keep-all"
-||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
+||<rowbgcolor=#FC457A><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
 ||{{{||엔터 키를 이용해 개행하면
 ----
  * 표 안에도 리스트와 수평줄을 삽입할 수 있습니다.||}}}||{{{#!wiki
 ||엔터 키를 이용해 개행하면
 ----
  * 표 안에도 리스트와 수평줄을 삽입할 수 있습니다.||}}}||}}}
 아니면 개행(Line '''Br'''eaking) 코드인 {{{[br]}}} 코드를 이용해서 다음과 같이 표 안에 리스트를 구현할 수 있습니다.
-||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
+||<rowbgcolor=#FC457A><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
 ||{{{||[br]
  * example
  * example||}}}||{{{#!wiki
 ...
  * example||}}}||
 위와 같이 {{{[br]}}} 문법 사용 시, 반드시 리스트 위에 어떠한 내용 혹은 빈줄이 생기게 됩니다. {{{||}}} 입력후 바로 개행해서 리스트를 쓰면 빈줄이 생기지는 않지만 한칸짜리 표가 아닌 여러 칸의 표에서는 바로 개행시 줄을 끝낸다고 인지하여 오류가 생깁니다. 이를 방지하기 위해 #!wiki 문법을 호출하거나, <테이블 및 셀 속성> ([[하트위키:문법 도움말#셀 합치기|셀 합치기]]: <-1>, [[하트위키:문법 도움말#테이블과 셀 텍스트의 정렬|텍스트 정렬]]: <(>, [[하트위키:문법 도움말#테이블의 크기와 색상|크기 및 색상]] 등)을 사용하여 내용이 있는 칸임을 선언하면 빈줄없는 리스트를 쓸수 있습니다.
 {{{#!wiki style="word-break: keep-all"
-||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1c1d1f> 문법 || 출력 ||
+||<rowbgcolor=#FC457A><rowcolor=#fff><table bgcolor=#FFF,#1c1d1f> 문법 || 출력 ||
 ||{{{||
  * 한칸 표에서 아무것도
  * 입력하지 않음||}}}||{{{#!wiki
 ...
  * <테이블 및 셀 속성> 문법으로
  * 내용 있는 칸임을 알려줌||}}}||}}}
 표는 한 칸당 한 줄을 차지하게 작성할 수 있습니다. 세로로는 길어지지만 글자수가 일정하지 않는 여러항목을 표로 만들때는 가독성이 상당히 높아질수 있게 됩니다.
-||<colbgcolor=#00a495><colcolor=#fff><table bgcolor=#FFF,#1c1d1f> 문법 ||{{{+1 '''기본 문법'''}}}
+||<colbgcolor=#FC457A><colcolor=#fff><table bgcolor=#FFF,#1c1d1f> 문법 ||{{{+1 '''기본 문법'''}}}
 {{{|| 조지 워싱턴 || 존 애덤스 || 토머스 제퍼슨 ||
 || 존 퀸시 애덤스 || 윌리엄 헨리 해리슨 || 존 타일러 ||}}}
 ----
 ...
 ==== 가로 합치기 ====
 {{{+1 '''방법 1'''}}}
 테이블의 셀을 구성하는 {{{||}}}을 입력한 뒤, 추가로 합치고자 하는 셀의 개수만큼 {{{||}}}을 더 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}}을 '''한 번''' 더 입력합니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{|| 한 || 칸 || 짜 || 리 ||
 |||| 두칸 |||| 짜리 ||
 |||||| 세칸짜 || 리 ||
 ...
 ||
 {{{+1 '''방법 2'''}}}
 {{{||}}}을 여러 번 입력하지 않고 간편하게 합치는 방법도 존재합니다. 테이블의 셀을 구성하는 {{{||}}}을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<-수>}}}를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<-2>}}}를 입력합니다. {{{<-1>}}} 이 아님에 유의하십시오.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{|| 한 || 칸 || 짜 || 리 ||
 ||<-2> 두칸 ||<-2> 짜리 ||
 ||<-3> 세칸짜 || 리 ||
 ...
 한 줄의 모든 셀을 합치고자 할 경우, {{{<-}}} 뒤에 적당히 큰 수를 입력하면 셀의 개수를 셀 필요 없이 모든 셀이 합쳐집니다.
 '''{{{#red 주의}}}''': 이 경우 bordercolor 속성을 사용할 때, 브라우저에 따라 가장자리가 깨지고, 토론에 해당 표를 달 때 표가 이상하게 보이는 경우가 생기게 되므로 지양합시다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{|| 테이 || 블이 || 몇칸 || 이든 ||
 ||<-9> 한 번에 다 합쳐집니다. ||
 }}}||{{{#!wiki style=""
 ...
 ||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
 ||<-9> 한 번에 다 합쳐집니다. ||}}}||
  * 가장자리가 깨지는 경우, 표의 {{{<-수>}}} 문법을 딱 알맞게 놓으면 위와 같은 현상을 해결할 수 있습니다.
-||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
 ||<-4> 한 번에 다 합쳐집니다. ||
 }}}||{{{#!wiki style=""
 ...
 {{{+1 '''방법 1'''}}}
 [[최소공배수]]를 구해 셀을 적절히 나눌 수 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
 ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
 ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||
 ...
 {{{+1 '''방법 2'''}}}
 혹은 너비를 강제지정하여 칸에 맞춰 적절히 나눈다면, 굳이 최소공배수가 아니어도 똑같이 나눌 수 있습니다. 다만 애플 기기 등 일부 환경에서 지정한 너비가 적용되지 않는 문제가 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{||<width=25%> ||<width=8.3%> ||<width=16.7%>
 ||<width=16.7%> ||<width=8.3%> ||<width=25%> ||
 ||<-6> 1 ||
 ...
 특정 부분만 조정이 필요하면 그 부분을 합친 다음 wiki 틀을 안에 넣고 표를 다시 넣는 방법을 쓸 수 있습니다.
 일일이 다른칸의 크기를 조정하지 않아 종합적으로는 더 편한 방법이 될 수 있습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{||<-4> 1 ||
 ||<-2> 2 ||<-2> 둘 ||
 ||<-4> {{{#!wiki
 ...
 ==== 세로 합치기 ====
 세로로 여러 셀을 합치는 방법은 다음과 같습니다. 테이블의 셀을 구성하는 {{{||}}}을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<|수>}}}를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<|2>}}}를 입력합니다. {{{<|1>}}} 이 아님에 유의하십시오.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
 ||{{{
 ||<|4> 네줄 ||<|3> 세줄 ||<|2> 두줄 ||<|1> 한줄 ||
 || 여백1 ||
 ...
 ----
 {{{#red '''주의!'''}}}
 셀을 복잡하게 합칠 경우에는 줄 바꿈에 특히 유의하십시오. 높이를 강제로 지정하지 않거나 필요한 모든 줄을 정확히 입력하지 않으면 제대로 표시되지 않습니다. 입력할 셀이 없는 줄에는 {{{||||}}}를 입력합니다. 왼쪽의 대상과 같은 테이블에서 같은 번호의 셀을 합치려면 다음과 같이 입력합니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=200px> 대상 ||<width=300px> 입력 ||<width=200px> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=200px> 대상 ||<width=300px> 입력 ||<width=200px> 출력 ||
 ||{{{|| 세줄1 || 두줄1 ||
 || 세줄1 || 두줄1 ||
 || 세줄1 || 두줄2 ||
 ...
 ==== 가로세로 합치기 ====
 셀을 가로와 세로로 모두 합칠 수 있습니다. {{{<-수>}}}와 {{{<|수>}}} 두 가지를 같이 입력합니다. 아니면 ||를 동시에 여러 개 입력하고 {{{<|수>}}}를 입력해도 됩니다. 둘 중 어느 하나가 먼저 오든 상관없습니다.
-||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=33%> 입력 1 ||<width=33%> 입력 2 ||<width=33%> 출력 ||
+||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><table bordercolor=gray><width=33%> 입력 1 ||<width=33%> 입력 2 ||<width=33%> 출력 ||
 ||{{{|| 여백 || 여백 || 여백 || 여백 ||
 || 여백 ||<-3><|2> 3 곱하기 2 ||
 || 여백 ||
 ...
   * 색상 지정시 {{{#14F,#4AF (기본 색상)}}}{{{,}}}{{{#14F,#4AF (다크 테마용 색상)}}}과 같이 콤마({{{,}}})로 구분하여 다크 테마용 색깔을 지정할 수 있습니다.
    * {{{<bgcolor=#RRGGBB>}}}: 테마와 관계없이 언제나 동일한 색상이 적용됩니다.
    * {{{<bgcolor=#RRGGBB,#RRGGBB>}}}: 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다.
-   * 예시: {{{<bgcolor=#00a495,#2d2f34>}}}, {{{<tablecolor=#00a495,#2d2f34>}}}...
+   * 예시: {{{<bgcolor=#FC457A,#2d2f34>}}}, {{{<tablecolor=#FC457A,#2d2f34>}}}...
  * '''테이블 배경색'''
   * 개별 셀 지정: {{{<bgcolor=#RRGGBB>}}}
 ...
  * '''셀의 기본 여백 제거''': {{{<nopad>}}}[anchor(nopad)]
  상하 5px, 좌우 10px인 셀의 기본 여백을 제거할 수 있습니다.
  {{{#!wiki style="word-break: normal"
-||<tablebgcolor=#fff,#2d2f34><tablebordercolor=gray><colbgcolor=#00a495><colcolor=#fff><nopad><width=4%> '''입력''' ||<width=49%>{{{#!wiki style="font-family: monospace"
+||<tablebgcolor=#fff,#2d2f34><tablebordercolor=gray><colbgcolor=#FC457A><colcolor=#fff><nopad><width=4%> '''입력''' ||<width=49%>{{{#!wiki style="font-family: monospace"
 \||<tablebordercolor={{{#Orange Orange}}}><tablebgcolor={{{#SeaGreen SeaGreen}}}> \[[파일:로고1.png|width=100%]]\ ||}}}||<width=49%>{{{#!wiki style="font-family: monospace"
 \||<tablebordercolor={{{#Orange Orange}}}><tablebgcolor={{{#SeaGreen SeaGreen}}}>'''<nopad>''' \[[파일:로고1.png|width=100%]]\ ||}}}||
 ||<nopad> '''출력''' ||{{{#!wiki style="max-width: 300px; margin: auto"
 ...
  * '''단어 단위 줄 바꿈''': {{{<keepall>, <rowkeepall>, <colkeepall>}}}[anchor(keepall)]
  셀 안 텍스트의 줄 바꿈 규칙을 글자 단위에서 단어 단위로 변경할 수 있습니다. 공백과 하이픈(-)을 기준으로 단어를 구분합니다.
  {{{#!wiki style="word-break: normal"
-||<tablebgcolor=#fff,#2d2f34><tablebordercolor=gray><colbgcolor=#00a495><colcolor=#fff><width=4%><nopad> '''입력''' ||<width=49%>{{{#!wiki style="font-family: monospace"
+||<tablebgcolor=#fff,#2d2f34><tablebordercolor=gray><colbgcolor=#FC457A><colcolor=#fff><width=4%><nopad> '''입력''' ||<width=49%>{{{#!wiki style="font-family: monospace"
 \||<width=70> \'\'\'하트위키는 누구나 기여할 수 있는 위키입니다.\'\'\' ||}}} ||<width=49%>{{{#!wiki style="font-family: monospace"
 \||<width=70>'''<keepall>''' \'\'\'하트위키는 누구나 기여할 수 있는 위키입니다.\'\'\' ||}}} ||
 ||<nopad> '''출력''' ||{{{#!wiki style="width: max-content; margin: auto"
 ...
 주로 내용이 매우 많은 표나 틀을 첨부할 때 문서의 간결함을 위하여 사용하거나, 규정상 링크 처리 혹은 접기 처리해야 삽입할 수 있는 사진을 첨부할 때 사진 열람을 원하지 않는 사람을 배려하기 위하여 사용합니다.
 기본적으로는 접힌 상태로 있으며 텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
-||<tablebgcolor=#fff,#2d2f34><tablewidth=550><colcolor=#fff><colbgcolor=#00a495> 예시 ||{{{{{{#!folding [ 펼치기 · 접기 ]
+||<tablebgcolor=#fff,#2d2f34><tablewidth=550><colcolor=#fff><colbgcolor=#FC457A> 예시 ||{{{{{{#!folding [ 펼치기 · 접기 ]
 내용
 '''내용'''
 __내용__}}}}}}||
 ...
 __내용__}}}||
 '''{{{#red 주의}}}''': 접힘/펼침을 안내하는 문구는 볼드체가 적용된 일반 글꼴로 고정됩니다. 위키문법을 적용시켜 텍스트 형태를 다른 형태로 바꿀 수 없습니다.
 접기 안내 문구를 작성하지 않은 경우 'More'로 표시됩니다.
-||<tablebgcolor=#fff,#2d2f34><colcolor=#fff><colbgcolor=#00a495> 잘못된 예시 ||{{{{{{#!folding '''[ 펼치기 · 접기 ]'''
+||<tablebgcolor=#fff,#2d2f34><colcolor=#fff><colbgcolor=#FC457A> 잘못된 예시 ||{{{{{{#!folding '''[ 펼치기 · 접기 ]'''
 접기 안내 문구에는 위키문법 적용 불가}}}}}}||{{{{{{#!folding {{{#red [ 펼치기 · 접기 ]}}}
 접기 안내 문구에는 위키문법 적용 불가}}}}}}||
 || 결과 ||{{{#!folding '''[ 펼치기 · 접기 ]'''
 접기 안내 문구에는 위키문법 적용 불가}}}||{{{#!folding {{{#red [ 펼치기 · 접기 ]}}}
 접기 안내 문구에는 위키문법 적용 불가}}}||
-'''{{{#00a495 참고}}}''': 문단의 내용을 통째로 접고자 할 때는 이 기능보다는 문단 접기 문법을 사용하는 것이 좋습니다. [[#s-7|해당 설명]]을 참고해주세요.
+'''{{{#FC457A 참고}}}''': 문단의 내용을 통째로 접고자 할 때는 이 기능보다는 문단 접기 문법을 사용하는 것이 좋습니다. [[#s-7|해당 설명]]을 참고해주세요.
 == 분류 ==
 문서를 분류에 넣으려면 문서의 최상단 또는 최하단에 {{{[[분류:(분류명)]]}}}을 입력하면 됩니다.[* 만약 찾고자 하는 분류가 없다면, 분류를 만들 수도 있습니다.] [[:분류:분류]]에서 적당한 분류를 찾아 문서의 최상단 또는 최하단에 입력하면 됩니다. 중간에 입력하더라도 정상적으로 뜹니다.[* 그렇지만 가시성이나 편집의 용이함을 위해 맨 아래에 넣는 것을 권장드립니다.] 입력하면 문서의 최상단 또는 {{{-3 (설정에 따라)}}} 최하단과 두 곳 모두에 아래와 같이 표시됩니다.
 ...
  * '''관련 심화 문법''': [[하트위키:문법 도움말/심화#마크업 미적용 텍스트|마크업 미적용 텍스트]], [[하트위키:문법 도움말/심화#HTML 문법 무효화|HTML 문법 무효화]]
 문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 {{{\}}}[* 원화 기호이자 백슬래시 기호로, 입력 시스템 상에서 동일하게 취급됩니다. 이 기호에 대한 내용은 [[\\|해당 문서]] 참고.]를 입력해 주시면 됩니다.
-||<tablebgcolor=#fff,#2d2f34><table align=center><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
+||<tablebgcolor=#fff,#2d2f34><table align=center><rowbgcolor=#FC457A><rowcolor=#fff> 입력 || 출력 ||
 || {{{\\}}} || \\ ||
 || {{{\[[하트위키:문법 도움말]]}}} || \[[하트위키:문법 도움말]] ||
 || {{{'\''굵게 무효'''}}}[* {{{\'''}}}로 입력한다면 {{{''}}}가 인식되어 기울임 문법이 적용됩니다.] || '\''굵게 무효''' ||
 ...
 == 편집 창에서만 노출(주석) ==
  * 주석
  줄 맨 앞에 '##'를 붙이면 [[주석(언어)|주석]]으로 작동합니다. 편집기 내에서는 보이지만, 읽기 모드에서는 보이지 않습니다.
- ||<tablebgcolor=#fff,#2d2f34><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{## 🔶🔶🔶
+ ||<tablebgcolor=#fff,#2d2f34><colbgcolor=#FC457A><colcolor=#fff> 예시 ||{{{## 🔶🔶🔶
 ## 이 내용은 읽기 모드에서 보이지 않습니다.
 ## 🔶🔶🔶}}} ||
  || 결과 ||PC라면 단축키 'e'를, 또는 '편집' 버튼을 눌러 결과를 확인해 보세요. ||
 ...
  * 편집 창 상단 노출 (고정 주석)
  줄 맨 앞에 '##@'를 입력하면 그 줄에 있는 모든 내용이 읽기 모드에서는 출력되지 않고 편집 창에서 편집기 상단, 문서명 하단에 출력됩니다.
  일반 텍스트부터 표, include 문법, 그리고 이미지까지 모든 것을 편집 창 상단에 노출시킬 수 있습니다. 단, 공백으로 시작해야 하는 리스트 문법과 들여쓰기는 앞에 아무 내용이라도 있어야 정상적으로 작동됩니다. 보통{{{#!wiki }}} 문법으로 감싸는 방법을 사용합니다. 여러 줄에 걸친 문법은 각 줄마다 '##@'를 입력하면 정상적으로 출력됩니다. 이 내용은 [[include]]한 문서에서는 보이지 않습니다.
- ||<tablebgcolor=#fff,#2d2f34><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.([[하트위키:문법 도움말#s-17|17번 문단]]을 참고하시기 바랍니다.)}}} ||
+ ||<tablebgcolor=#fff,#2d2f34><colbgcolor=#FC457A><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.([[하트위키:문법 도움말#s-17|17번 문단]]을 참고하시기 바랍니다.)}}} ||
  || 결과 ||PC라면 단축키 'e'를 눌러 결과를 확인해 보세요. ||
 ##@ * 윗 줄에 아무 내용이 없어 리스트 문법이 적용되지 않는 리스트입니다.
 ##@ * 그 아래부터는 윗 줄에 아무 내용이 존재하여 리스트 문법이 깨지지 않습니다.
-##@||<tablebgcolor=#fff,#2d2f34><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.([[하트위키:문법 도움말#s-17|17번 문단]]을 참고하시기 바랍니다.)}}} ||
+##@||<tablebgcolor=#fff,#2d2f34><colbgcolor=#FC457A><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.([[하트위키:문법 도움말#s-17|17번 문단]]을 참고하시기 바랍니다.)}}} ||
 ##@|| 결과 ||이런 식으로 편집할 시에만 노출됩니다.([[하트위키:문법 도움말#s-17|17번 문단]]을 참고하시기 바랍니다.) ||
 == 기본 헥스 코드 ==
 ...
 || IDC 차단 ||<bgcolor=#f8c471>||<-3> {{{#f8c471}}} ||
 ||<-3> 서버 점검 알림
 상단 알림바 배경 ||<bgcolor=#f0ef75>||<-3> {{{#f0ef75}}} ||
-||<-3> 하트위키 틀 색상 ||<bgcolor=#00a495>|| {{{#00a495}}} ||<bgcolor=#2d2f34>|| {{{#2d2f34}}} ||
+||<-3> 하트위키 틀 색상 ||<bgcolor=#FC457A>|| {{{#FC457A}}} ||<bgcolor=#2d2f34>|| {{{#2d2f34}}} ||
 ||<|7> 하트위키[br]브랜드 색상 ||<|4> [[espejo]] 스킨 || 기본색1 ||<bgcolor=#00a69c>|| {{{#00a69c}}} ||<|2><bgcolor=#2e3033>||<|2> {{{#2e3033}}} ||
 || 기본색2 ||<bgcolor=#28b472>|| {{{#28b472}}} ||
 || 밝은색1 ||<bgcolor=#bfe9d5>|| {{{#bfe9d5}}} ||<|2><bgcolor=#c0c1c2>||<|2> {{{#c0c1c2}}} ||
 ...